/* 
    Document   : projectpage
    Created on : Mar 17, 2013, 12:43:33 PM
    Author     : Niels
    Description:
        Purpose of the stylesheet follows.
*/

#keys_hierarchy h3, #keys_alphabetical h3 {
    margin: 0;
    padding: 5px;
    background-image: url('media/box_header_gradient.jpg');
    background-repeat: repeat-x;
    color: #ffffff;
    font-weight: bold;
}

#tree>ul, #list>ul {
/*    height: 400px;*/
    overflow: auto;
    border: none;
    border-top-width: 0px;
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}

#keys_hierarchy ul li a, #keys_alphabetical ul li a {
    color: #6599C1;
    text-decoration: none;
}

#keys_hierarchy ul li a:hover, #keys_alphabetical ul li a:hover {
    text-decoration: underline;
}

#keys_hierarchy ul li a:focus, #keys_alphabetical ul li a:focus {
    background-color: #ffff66;
}


#keys_hierarchy ul li a[href="#"], #keys_alphabetical ul li a[href="#"] {
    color: #595959;
    text-decoration: none;
    cursor: default;
}

#keys_hierarchy ul li a[href="#"]:hover, #keys_alphabetical ul li a[href="#"]:hover {
    text-decoration: none;
}

.editkey, .deletekey {
    margin-left: 10px;
}

/* tabs */
#project_tabs {
    clear: both;
    background-color: transparent;
    background-image: none;
    border: none;
    padding: 0;
}

#project_tabs .ui-tabs-panel {
    padding: 0;
    /*height: 423px;*/
}

#project_tabs ul.ui-widget-header {
    background: transparent none;
    border: none;
    border-bottom: solid 3px #f1f1f1;
}

#project_tabs li.ui-state-default:first-child {
    margin-left: 298px;
}

#project_tabs li.ui-state-default {
    width: 144px;
    position: relative;
    top: 3px;
    background-image: url('media/tab_inactive.png');
    background-repeat: no-repeat;
    border: none;
    outline-color: transparent;
}

#project_tabs li.ui-state-active {
    background-image: url('media/tab_active.png');
}

#project_tabs li.ui-state-active a {
    color: #6599C1;
}

#project_tabs li.ui-state-default a {
    display: inline-block;
    width: 104px;
    padding-left: 40px;
    background-position: 8px 6px;
    background-repeat: no-repeat;
}

#project_tabs li.ui-state-default a[href="#about"] {
    background-image: url('media/tab_icon_about.png');
}

#project_tabs li.ui-state-default a[href="#keys_alphabetical"] {
    background-image: url('media/tab_icon_list.png');
}

#project_tabs li.ui-state-default a[href="#keys_hierarchy"] {
    background-image: url('media/tab_icon_indented.png');
}

#project_tabs li.ui-state-default a[href="#projectusers"] {
    background-image: url('media/tab_icon_contributors.png');
}

#project_tabs .ui-state-hover a:hover {
    color: #6599C1;
}

#project_tabs li.ui-state-focus a {
    outline-color: transparent;
}

#content .content-left {
    float: left;
    width: 210px;
    padding-top: 5px;
}

#content .content-right {
    float: right;
    width: 670px;
}

#content .content-fullwidth, #content .content-left, #content .content-right {
    /*height: 423px;*/
}

#projectusers table, #projectusers tr, #projectusers th, #projectusers td {
    border: none;
    padding-left: 0;
}

#projectusers table {
    margin-top: 1em;
}

.project-summary {
    color: #888888;
}

#cke_description {
    margin-bottom: 20px;
}

.cbox-edit-project {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    padding: 0px 20px;
    background-color: #ffffff;
}

.cbox-edit-project .submit {
    width: 800px;
    text-align: right;
}

/* colorbox */



/* form */
input#findkey_a, input#findkey_h {
    margin-right: 4px;
    width: 175px; 
}

#edit-project.ui-state-hover {
    border-color: #ccc;
    color: #6599C1;
}

/*  */

.add-key {
    margin-top: 12px;
}

#cbox-delete-key {
    padding: 10px 20px 10px 20px;
}